/*
 *
 *   VC3 - 后台界面样式
 *   version 3.0
 *
*/
html {height: 100%}
body {background: #020B14 url(../img/loginBg.jpg?v=20170628) no-repeat 50% 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: auto;}
.signin-wrap {width: 1170px;min-height: 420px;margin: 10% auto 0}

@media only screen and (max-width: 1300px) {.signin-wrap {margin-top: 5%}}
.signin-ele-bx {padding-left: 720px;position: relative}
.signin-slogan {background: url(../img/loginSlogan1.png?v=20170628) no-repeat 0 0;position: absolute;top: 0;left: 0;width: 720px;height: 322px}
.signin-slogan.signin-slogan2 {background-image: url(../img/loginSlogan2.png?v=20170628)}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2){
    .signin-slogan {background-image: url(../img/loginSlogan1@2.png?v=20170628);background-size: cover;}
    .signin-slogan.signin-slogan2 {background-image: url(../img/loginSlogan2@2.png?v=20170628);background-size: cover;}
}
.signin-ele {background: #fff;border-radius: 3px;padding: 20px 20px 25px;width: 348px}
.signin-ele .alert-warning {border-radius: 3px;color: #ff7e12;text-align: center;padding: 0 10px;height: 30px;line-height: 30px;}
.login-alertWarning {overflow: hidden;height: 31px;visibility: visible;margin-bottom: 5px;}
.signin-title {margin-top: 0;}
.signin-form-bx .input-group {width: 100%;margin-bottom: 20px}
.signin-form-bx .input-group .form-control {height: 42px;line-height: 42px;}
.lt-ie9 .signin-form-bx .input-group .form-control {line-height: 32px;}
.signin-form-bx .input-group .form-control:focus,
.signin-form-bx .input-group .form-control:active {border-color: #EE641D !important}
.signin-form-bx .input-group .input-group-addon {background: #f8f8f8;color: #9a9fa2;padding: 0;width: 40px;height: 40px;line-height: 40px;}
.signin-form-bx .input-group.picode-bx {position: relative}
.signin-form-bx .input-group.picode-bx .picode-pic {background-color: #fff;border: none;cursor: pointer;position: absolute;top: 1px;right: 1px;bottom: 0;display: block;width: 120px;height: 40px;line-height: 40px;z-index: 9}
.signin-form-bx .input-group.has-error .input-group-addon,
.signin-form-bx .input-group.has-error .form-control:focus,
.signin-form-bx .input-group.has-error .form-control:active {border-color: #ed5565 !important;color: #ed5565}
.signin-form-bx .input-group.single-attr {margin-top: -5px}
.signin-form-bx .input-group.single-attr .onoffswitch-label,
.signin-form-bx .input-group.single-attr .onoffswitch-switch {border-color: #f7ab84}
.signin-form-bx .input-group.single-attr .onoffswitch-inner:before {background-color: #f7ab84}
.loginBtn > button[type="button"] {
    color: #fff;
    background: -moz-linear-gradient(left, #FF830B 0%, #FF5B42 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #FF830B 0%,#FF5B42 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #FF830B 0%,#FF5B42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF830B', endColorstr='#FF5B42',GradientType=1 ); /* IE6-9 */
    display: block;height: 42px;line-height: 32px;
    font-size: 18px;
}
.loginBtn > button[type="button"]:focus,
.loginBtn > button[type="button"]:active {opacity: .9}